<!DOCTYPE html>
<html style="height: 100%">
<head>
    <meta charset="utf-8">
</head>
<link rel="shortcut icon" href="favicon.ico"> <link href="__PUBLIC__/Theme1/css/bootstrap.min.css?v=3.3.6" rel="stylesheet">
<link href="__PUBLIC__/Theme1/css/font-awesome.min.css?v=4.4.0" rel="stylesheet">
<link href="__PUBLIC__/Theme1/css/plugins/iCheck/custom.css" rel="stylesheet">
<link href="__PUBLIC__/Theme1/css/animate.min.css" rel="stylesheet">
<link href="__PUBLIC__/Theme1/css/style.min.css?v=4.1.0" rel="stylesheet">
<link href="__PUBLIC__/Plugin/style/css/ace.min.css" rel="stylesheet">
<script language="javascript" type="text/javascript" src="__PUBLIC__/My97DatePicker/WdatePicker.js"></script>
<script language="javascript" type="text/javascript" src="__PUBLIC__/order.js"></script>
<body style="height: 100%; margin: 0">
<div class="wrapper wrapper-content animated fadeInRight">
    <div class="row">
        <div class="col-sm-16">
            <div class="ibox float-e-margins">
                <div class="ibox-title">
                    <h5> 运营概览 </h5>
                    <div class="ibox-content">
                        <form method="post" action="__CONTROLLER__/statistics"class="form-horizontal" enctype="multipart/form-data">
                            <div class="form-group" style="align-content: right">
                                <button id="btn" class="btn btn-white" type="submit">搜索</button>
                                <if condition="$storeId eq 0">
                                    <label class="col-sm-2 control-label">店铺名称</label>
                                    <div class="col-sm-2">
                                        <select id="category2" class="form-control" required name="store_id">
                                            <option value="0" >请选择..</option>
                                            <volist name="start" id="vo">
                                                <option value="{$vo['store_id']}">{$vo['store_name']}</option>
                                            </volist>
                                        </select>
                                    </div>
                                </if>
                                <div class="col-sm-2">
                                    <input class="form-control" name="start_time" id="startDate" class="Wdate" type="date" value="{$start_time}"/>
                                </div>
                                <div class="col-sm-2">
                                    <input class="form-control" name="end_time" id="endDate" class="Wdate" type="date" value="{$end_time}"/>
                                </div>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<div id="container" style="width: 95%;height: 80%"></div>
<script type="text/javascript" src="http://echarts.baidu.com/gallery/vendors/echarts/echarts.min.js"></script>
<script type="text/javascript" src="http://echarts.baidu.com/gallery/vendors/echarts-gl/echarts-gl.min.js"></script>
<script type="text/javascript" src="http://echarts.baidu.com/gallery/vendors/echarts-stat/ecStat.min.js"></script>
<script type="text/javascript" src="http://echarts.baidu.com/gallery/vendors/echarts/extension/dataTool.min.js"></script>
<script type="text/javascript" src="http://echarts.baidu.com/gallery/vendors/echarts/map/js/china.js"></script>
<script type="text/javascript" src="http://echarts.baidu.com/gallery/vendors/echarts/map/js/world.js"></script>
<script type="text/javascript" src="https://api.map.baidu.com/api?v=2.0&ak=ZUONbpqGBsYGXNIYHicvbAbM"></script>
<script type="text/javascript" src="http://echarts.baidu.com/gallery/vendors/echarts/extension/bmap.min.js"></script>
<script type="text/javascript" src="http://echarts.baidu.com/gallery/vendors/simplex.js"></script>
<script type="text/javascript">
    var dom = document.getElementById("container");
    var myChart = echarts.init(dom);
    var app = {};
    option = null;
    option = {
        // title : {
        //     text: '某地区蒸发量和降水量',
        //     subtext: '纯属虚构'
        // },
        tooltip : {
            trigger: 'axis'
        },
        legend: {
            data:['商品总额','降水量']
        },
        toolbox: {
            show : true,
            feature : {
                dataView : {show: true, readOnly: false},
                magicType : {show: true, type: ['line', 'bar']},
                restore : {show: true},
                saveAsImage : {show: true}
            }
        },
        calculable : true,
        xAxis : [
            {
                type : 'category',
                data : [{$date}]
            }
        ],
        yAxis : [
            {
                type : 'value'
            }
        ],
        series : [
            {
                name:'商品总额',
                type:'bar',
                data:[{$total_enroll}],
                markPoint : {
                    data : [
                        {type : 'max', name: '最大值'},
                        {type : 'min', name: '最小值'}
                    ]
                },
                markLine : {
                    data : [
                        {type : 'average', name: '平均值'}
                    ]
                }
            },
            // {
            //     name:'降水量',
            //     type:'bar',
            //     data:[2.6, 5.9, 9.0, 26.4, 28.7, 70.7, 175.6, 182.2, 48.7, 18.8, 6.0, 2.3],
            //     markPoint : {
            //         data : [
            //             {name : '年最高', value : 182.2, xAxis: 7, yAxis: 183},
            //             {name : '年最低', value : 2.3, xAxis: 11, yAxis: 3}
            //         ]
            //     },
            //     markLine : {
            //         data : [
            //             {type : 'average', name : '平均值'}
            //         ]
            //     }
            // }
        ]
    };
    ;
    if (option && typeof option === "object") {
        myChart.setOption(option, true);
    }
</script>
</body>
</html>